import React,{useContext} from 'react'
import "./index.css"
import Item from './Item'
import {App1Context} from "../../App"
export default function List() {
  const {todoList,setTodoList} = useContext(App1Context)
  return (
    <ul className="todo-main">
      {
        todoList.map(item => {
          return <Item key={item.id} {...item} />
        })
      }
    </ul>
  )
}
